/* ==================
        初始化
 ==================== */
 /* #ifndef APP-NVUE */
view,scroll-view,swiper,button,input,textarea,label,navigator,image {box-sizing: border-box;}
input{font-size: 1em;min-height: 1em;}
::-webkit-scrollbar {display: none;width: 0 !important;height: 0 !important;-webkit-appearance: none;background: transparent;color: transparent;}/* 不显示滚动条 */
.topPlace {width: 100%;height: var(--status-bar-height);background: transparent;}//app状态栏高度

.dn {display: none;}
.di {display: inline;}
.db {display: block;}
.dib {display: inline-block;}
.dt {display: table;}

/* 外边距 */
.mauto-x{margin: 0 auto;}
/*浮动与清除浮动*/
.fl {float: left;}
.fr {float: right;}
.vm {vertical-align: middle;}

.vm {vertical-align: middle;}
.vib {display: inline-block;vertical-align: middle;}


//导航栏高度
.pageTit{ height: var(--window-top);}

/* 文本样式 */
.td-s{text-decoration:blink }//闪烁
.td-n{text-decoration:none }//无装饰，通常对html下划线标签去掉下划线样式
.td-c{text-decoration:line-through }//删除线样式-贯穿线样式
.td-b{text-decoration:underline }//下划线样式
.td-t{text-decoration:overline }//上划线样式
/* #endif */



/*定位*/
.pr,.relative{position: relative;}
.pa,.absolute{position: absolute;}
.pf,.fixed{position: fixed}

/* 文字对齐*/
.tl {text-align: left;}
.tc {text-align: center;}
.tr {text-align: right;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}

/* flex-- */
.flex{
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: row;
	align-items: center;
}
.flex-col {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: column;
}
.flex-wrap {flex-wrap: wrap;}
.flex-nowrap {flex-wrap: nowrap;}
.col-center {align-items: center;}
.col-top {align-items: flex-start;}
.col-bottom {align-items: flex-end;}
.row-center {justify-content: center;}
.row-left {justify-content: flex-start;}
.row-right {justify-content: flex-end;}
.row-between {justify-content: space-between;}
.row-around {justify-content: space-around;}

.flex1{flex: 1;}
.flex2{flex: 2;}
.flex3{flex: 3;}
.flex4{flex: 4;}
.flex5{flex: 5;}

/* #ifdef H5 */
[nvue]{
	.flex{flex-direction: row;align-items: center;}
	.flex-col {display: flex;flex-direction: column;}
	.flex-row {flex-direction: row;}
	.flex-wrap {flex-wrap: wrap;}
	.flex-nowrap {flex-wrap: nowrap;}
	.col-center {align-items: center;}
	.col-top {align-items: flex-start;}
	.col-bottom {align-items: flex-end;}
	.row-center {justify-content: center;}
	.row-left {justify-content: flex-start;}
	.row-right {justify-content: flex-end;}
	.row-between {justify-content: space-between;}
	.row-around {justify-content: space-around;}
	.flex1{flex: 1;}
	.flex2{flex: 2;}
	.flex3{flex: 3;}
	.flex4{flex: 4;}
	.flex5{flex: 5;}
	.pr,.relative{position: relative;}
	.pa,.absolute{position: absolute;}
	.pf,.fixed{position: fixed}
}
/* #endif */
/* --flex */

@for $i from 0 through 10 {
	.opa#{$i}{opacity: 0.1*$i;}//透明
	.scale#{$i}{transform: scale(0.1*$i);}
}

@for $i from 0 through 100 {
	.z-index#{$i}{z-index: $i;}
	.fs#{$i}{font-size: $i+ rpx;}
	.radius#{$i}{border-radius: $i+ rpx;}
	.top#{$i} {top: $i+ rpx;}
	.left#{$i} {left: $i+ rpx;}
	.right#{$i} {right: $i+ rpx;}
	.bottom#{$i} {bottom: $i+ rpx;}
	.w#{$i}p {width: 1%*$i;}
	.h#{$i}p {height: 1%*$i;}
}

@for $i from 0 through 750 {
	@if $i % 2 == 0 or $i % 5 == 0 {
		.w#{$i}{width: $i+ rpx;}	// 定义width
		.ml#{$i}{margin-left:$i + rpx;}
		.mr#{$i}{margin-right:$i + rpx;}
		.mt#{$i}{margin-top:$i + rpx;}
		.mb#{$i}{margin-bottom:$i + rpx;}
		@if $i <= 350 {
			.m#{$i}{margin: $i + rpx;}
			.p#{$i}{padding: $i + rpx;}
		}
		.pl#{$i}{padding-left:$i + rpx;}
		.pr#{$i}{padding-right:$i + rpx;}
		.pt#{$i}{padding-top:$i + rpx;}
		.pb#{$i}{padding-bottom:$i + rpx;}
		// .px#{$i}{padding-left:$i + rpx;padding-right:$i + rpx;}
		// .py#{$i}{padding-bottom:$i + rpx;padding-top:$i + rpx;}
	}
}

@for $i from 0 through 1000 {
	@if $i % 2 == 0 or $i % 5 == 0 {
		.h#{$i}{height: $i+ rpx;} // 定义height
	}
}

.radius{border-radius: 50%;}
.radius-t0{border-top-left-radius: 0;border-top-right-radius: 0;}
.radius-b0{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.radius-l0{border-top-left-radius: 0;border-bottom-right-radius: 0;}
.radius-r0{border-bottom-right-radius: 0;border-top-right-radius: 0;}

/* 清除 */
.p0 {padding:0;}
.pl0 {padding-left:0;}
.pr0 {padding-right:0;}
.pt0 {padding-top:0;}
.pb0 {padding-bottom:0;}

/*字体粗细*/
.fw-400{font-weight: 400;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}
.fw-800{font-weight: 800;}
.fw-900{font-weight: 900;}
.fw-w{font-weight: bold;}
//行高
.lh1{line-height: 1;}
.lh15{line-height: 1.5;}
.lh2{line-height: 2;}
/*字体颜色*/
.color-000{color: #000000;}
.color-111{color: #111111;}
.color-222{color: #222222;}
.color-333{color: #333333;}
.color-666{color: #666666;}
.color-999{color: #999999;}
.color-aaa{color: #AAAAAA;}
.color-bbb{color: #BBBBBB;}
.color-ccc{color: #CCCCCC;}
.color-ddd{color: #DDDDDD;}
.color-eee{color: #EEEEEE;}
.color-fff{color: #FFFFFF;}
.color-ada{color: #ADADAD;}
.color-red{color: red;}
.color-green{color: green;}
.color-blue{color: blue;}
.color-ye{color: yellow;}
.color-or{color: orange;}

/*背景颜色*/
.bg-000{background-color: #000000;}
.bg-111{background-color: #111111;}
.bg-222{background-color: #222222;}
.bg-333{background-color: #333333;}
.bg-444{background-color: #444444;}
.bg-555{background-color: #555555;}
.bg-666{background-color: #666666;}
.bg-777{background-color: #777777;}
.bg-888{background-color: #888888;}
.bg-999{background-color: #999999;}
.bg-aaa{background-color: #AAAAAA;}
.bg-bbb{background-color: #bbbbbb;}
.bg-ccc{background-color: #CCCCCC;}
.bg-ddd{background-color: #DDDDDD;}
.bg-eee{background-color: #EEEEEE;}
.bg-fff{background-color: #FFFFFF;}
.bg-f7f{background-color: #F7F7F7;}
.bg-f8f{background-color: #F8F8F8;}
.bg-f5f{background-color: #F5F5F5;}
.bg-red{background-color: red;}
.bg-green{background-color: green;}
.bg-blue{background-color: blue;}



/* 边框 */
.border{border:solid 1px  #edeae6;}
.border-t{border-top:solid 1px  #edeae6;}
.border-r{border-right:solid 1px  #edeae6;}
.border-b{border-bottom:solid 1px  #edeae6;}
.border-l{border-left:solid 1px  #edeae6;}
.ov-h{overflow: hidden;}

/* #ifndef APP-NVUE */
.w-max{width: 100%;}
.h-max{height: 100%;}
.als-s{align-self: stretch;}
.wh-max {width: 100%;height: 100%;}
.border-t0{border-top-style: none;}
.border-r0{border-right-style: none;}
.border-b0{border-bottom-style: none;}
.border-l0{border-left-style: none;}
.pe-none {pointer-events: none;}
.nowrap{white-space: nowrap;}//不换行

/* start--文本行数限制--start */
.line-1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.line-2 {-webkit-line-clamp: 2;}
.line-3 {-webkit-line-clamp: 3;}
.line-4 {-webkit-line-clamp: 4;}
.line-5 {-webkit-line-clamp: 5;}
.line-2, .line-3, .line-4, .line-5 {
    overflow: hidden;
	word-break: break-all;
    text-overflow: ellipsis; 
    display: -webkit-box; // 弹性伸缩盒
    -webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式
}
/* end--文本行数限制--end */
.popup {
	:deep(.u-mode-center-box) {
		background-color: transparent !important;
	}
	:deep(.u-drawer-content.u-drawer-bottom) {
		background-color: transparent !important;
	}
}
/* #endif */
/* #ifdef APP-NVUE */
.line-1{lines:1}
.line-2{lines:2}
.line-3{lines:3}
.line-4{lines:4}
.line-5{lines:5}
/* #endif */

/* 其他 */
.color-zs {color: $zs;}
.color-fs {color: $fs;}
.bg-zs {background-color: $zs;}
.bg-fs {background-color: $fs;}
.border-zs {border: $zs 1px solid;}